<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>admin</title>
    <style type="text/css">
        /* CSS Document */

        * {
            margin: 0;
            padding: 0;
        }

        a {
            text-decoration: none;
        }

        .clearfix:after {
            content: "";
            display: block;
            height: 0;
            visibility: hidden;
            clear: both;
        }

        .clearfix {
            *zoom: 1;
            margin-top: 100px;
        }
        body {
            background-image: url("bg12.png") ;
            background-size: cover;
            background-attachment: fixed;
        }

        .content {
            width: 900px;
            height: 500px;
            margin: 200px auto 0 auto;
            border-radius: 10px;
            background-color: rgba(236, 236, 236, 0.59);
            transition: all 1.0s;
            /*box-shadow: 0px 0px 20px rgba(0,0,0,0.3);*/
        }

        /*.content img {*/
        /*    float: left;*/
        /*    width: 200px;*/
        /*    height: 200px;*/
        /*    margin: 150px 0 0 80px;*/
        /*    border-radius: 100px;*/

        /*}*/

        .content:hover {
            box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.52);
        }

        .content_r {
            /*float: right;*/
            width: 500px;
            /*margin: 80px 60px 0 0;*/
            margin-left: 200px;
            /*margin-top: 100px;*/

            /*	background-color: pink;*/
        }

        .content_l {
            float: left;
            width: 100%;
            text-align: center;
        }

        .content_l h5 {

            font-size: 17px;
        }

        .cc {
            margin-top: 10px;
            color: #1F2023;
            font-size: 18px;
        }

        .color_1 {
            color: #4855EC;
            font-size: 18px;
        }

        .deeppink {
            color: deeppink;
        }

        .link {
            margin-top: 30px;
        }

        .link a {
            display: block;
            float: left;
            width: 120px;
            height: 45px;
            margin: 5px 5px 0 0;
            /*	padding: 0 15px;*/
            color: #fff;
            line-height: 45px;
            transition: all 0.8s;
            /*	background-color: deeppink;*/

        }

        .link a:hover {
            background-color: rgba(0, 201, 243, 0.35);
        }
    </style>
</head>

<body>
<div class="content">
<!--    <img src="" alt="">-->
    <div class="content_r clearfix">
        <div class="content_l clearfix">
            <h2 style="display: inline">欢迎您</h2>
            <h2 id="name" style="display: inline">121</h2>
            <p class="cc" ></p>
            <p class="cc" style="display: inline">您的权限为：</p>
            <p class="cc" id="adminQuan" style="display: inline">1212</p>

            <p class="cc" ></p>
            <p class="color_1" style="display: inline">陪伴我们已渡过：</p>
            <p class="color_1" id="Altime" style="display: inline">2</p>
            <p class="color_1" style="display: inline">天</p>
            <br>
            <p class="deeppink">只要路是对的，就不怕路远。</p>
            <p class="deeppink">As long as the road is right, you are not afraid of the distance.</p>
        </div>
    </div>
</div>
</body>

</html>
<script src="/js/jquery-3.5.1.js"></script>
<script>
    $(document).ready(function() {
        $.post("/adminMainMsg.admin", function (text) {

            let sum=JSON.parse(text);
            console.log(sum)
            console.log(sum[0].adminName)
            console.log(sum[0].dateNowStr)
            console.log(sum[0].adminLevel)
            $("#name").html(sum[0].adminName);
            $("#Altime").html(sum[0].dateNowStr);
            $("#adminQuan").html(sum[0].adminLevel);




        })
    })
</script>

